.navs .bdshare-button-style0-16 a,
.navs .bdshare-button-style0-16 .bds_more,
.footer .bdshare-button-style0-16 a,
.footer .bdshare-button-style0-16 .bds_more {
  float: left;
  font-size: 12px;
  padding-left: 17px;
  line-height: 16px;
  height: 16px;
  /* background-image: url(../img/share/icons_0_16.png?v=91362611.png); */
  background-image: none;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 6px 6px 6px 0;
}

.navs .bdshare-button-style0-16 .bds_sqq,
footer .bdshare-button-style0-16 .bds_sqq {
  /* background-position: 0 -2652px; */
  background-image: url(../img/qq.png);
  background-position: center center;
}
.navs .bdshare-button-style0-16 .bds_tsina ,
footer .bdshare-button-style0-16 .bds_tsina{
  /* background-position: 0 -2652px; */
  background-image: url(../img/weibo.png);
  background-position: center center;
}
.navs .bdshare-button-style0-16 .bds_weixin,
footer .bdshare-button-style0-16 .bds_weixin {
  /* background-position: 0 -2652px; */
  background-image: url(../img/weixin.png);
  background-position: center center;
}
.bdsharebuttonbox  a{
  display: inline-block;
  background: #7e7e7e;
  width: 30px !important;
  height: 30px !important;
  border-radius: 100%;
}




/* index.html自适应 */
@media (max-width: 765px){
  
}
.f20{
  font-size: 20px;
}
.f24 {
  font-size: 24px;
}

/* 首页searching */
.searching{
  display: none;
  height: 50px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.searching .container{
  padding: 0px;
  position: relative;
  
}
.searching .container i{
  font-size: 30px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.searching .container button{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border:none;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.searching input{
  padding-left: 49px;
  line-height: 49px;
  font-size: 20px;
  width: 100%;
}


.mobile-foot {
  background: #2ca9e8;
  padding: 8px 0;
  position: fixed!important;
  bottom: 0!important;
  left: 0!important;
  width: 100%;
  z-index: 9999;
display:none;
}
.mobile-foot a {
  color: #fff;
  height: 35px;
  line-height: 33px;
  border: 1px solid #fff;
  border-radius: 4px;
  text-align: center;
 width:22%;
  padding: 0 15px;
  margin:0 5px;
  transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  padding: 0px;
}
.pull-left {
  float: left!important;
}
.pull-right {
  float: right!important;
}
.btn {
  display: inline-block; 
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400; 
  text-align: center;
  white-space: nowrap;
  vertical-align: middle; 
  cursor: pointer;  
  border: 1px solid transparent;
  border-radius: 4px;
}

@media(max-width:480px){    .mobile-foot { display:block;}     }

/* 百度地图css */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/* 插件中的样式 */
.navbar-default .navbar-nav > li > a {
    color: #777;
    font-size: 14px;
}
.navcon{
  padding: 0px;
}
.navbar{
  margin-bottom: 0px;
}
.navbar-header.clearfix{
  background: #fff;
  padding: 10px 0px;
  position: relative;
}
.navbar-header img{
  position: absolute;
  width: 60%;
  left: 15px;
  top:50%;
  -webkit-transform: translateY( -50%);
  -moz-transform: translateY( -50%);
  -ms-transform: translateY( -50%);
  -o-transform: translateY( -50%);
  height: 80%;
}
@charset "utf-8";

/* 这个css是初始化的css，在任何项目里面都可以使用 */

/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling : touch;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
  resize: none;
  border: none;
}

/* 取消链接高亮  */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* 图片自适应 */
// img {
//  width: 100%;
//  height: auto;
//  width: auto\9; /* ie8 */
//  display: block;
//  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
// }

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;
  color: #555;
  /* background-color: #F7F7F7; */
  background: #fff;
}
em, i {
  font-style: normal;
}
ul,li{
  list-style-type: none;
}
/*strong {
  font-weight: normal;
}*/
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #969696;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}
img {
  border: none;
}
input{
  font-family: 'Microsoft YaHei';
}

input,button,select,textarea{outline:none}
textarea{resize:none}
/*单行溢出*/
.one-txt-cut{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
  overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.w50{
  width: 50%;
}
.w25{
  width: 25%;
}
.w20{
  width: 20%;
}
.w60{
  width:60%;
}
.w75{
  width: 75%;
}
.w80{
  width:80%;
}
.w90{
  width: 90%;
}
.w95{
  width:95%;
}
.w100{
  width:100%;
}
.w30{
  width: 30%;
}
.w33{
  width: 33.333333%;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.db{
  display: block !important;
}
.dn{
  display: none;
}


.bdsharebuttonbox{
  margin-top: -10px;
}
.bdsharebuttonbox .iconfont{
  width: 37px;
  height: 37px;
  border-radius: 37px;
  border: 1px solid #fbfbfb;
  background:transparent !important;
  font-size: 20px  !important;
  color: #999  !important;
  margin: 0 !important;
  margin-right: 18px !important;
  padding-left: 0 !important;
}

.bdsharebuttonbox a{
  display: inline-block;
  line-height: 30px !important;
  text-align: center;
}

/* 手机导航 */
.phone{
  box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
  display: none;
  top: 0;
  background: #fff;
  z-index: 999;
  width: 100%;
  padding: 10px 30px;
}
.phone img{
  width: 145px;
}
.index_a{
  display: inline-block;
}
.phone .wid{
  float: left;
}
.phone .wid>a{
  display: inline-block;
}
.color_dao .iconfont{
  color: #0553a2;
  font-size: 25px;
  margin: 0 5px;
}
.color_dao{
  line-height: 49px;
}
.color_dao .daohang_sp{
  position: relative;
  top: -7px;
  font-size: 25px;
}
.color_a{
  font-size: 25px;
  position: relative;
  top: -7px;
}


.sidebar-menu{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 250px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #e7e9eb;
  z-index: 999;
  transition: 0.6s;
}
.sidebar-menu__header{
  height: 50px;
  background: #0553a2;
  position: relative;
  display: block;
  padding: 15px 25px;
  height: 100%;
  width: 100%;
  color: #fff;
  margin-right: 105px;
}
.sidebar-menu__list{
  position: fixed;
  top:50px;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 250px;
  list-style: none;
  background: #fff;
  list-style-type: none;
}
.sidebar-menu__item:first-child{
  border-top:0
}
.sidebar-menu__item{
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.sidebar-menu__link{
  display: block;
  padding: 10px 25px;
  color: #828282;
  font-size: 13px;
  font-weight: 400;
  transition:color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.sidebar-menu__item {
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.colos {
  line-height: 70px;
}
.sidebar-menu__item:first-child {
  border-top: 0;
}
.sidebar-menu__item.sidebar-menu__item--back,
.sidebar-menu__item.sidebar-menu__item--back:hover,
.sidebar-menu__link.sidebar-menu__subtitle {
  background-color: #0553a2 !important;
}
.sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link {
  color: #fff !important;
}
.sidebar-menu__item:hover {
  background-color: #fff;
  cursor: pointer;
}
.sidebar-menu__item:hover > .sidebar-menu__link {
  color: #6e6e6e;
}
.phone_i {
  display: inline-block;
  line-height: 60px;
  padding: 0 15px;
}
.sidebar-menu__item:hover > .sidebar-menu__link .glyphicon-menu-right {
  color: #6e6e6e;
}
.sidebar-menu__item .sidebar-menu__list {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translateX(300px);
  transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); 
}
.sidebar-menu__item .sidebar-menu__list.is-active {
  transform: translateX(0);
}
.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list {
  z-index: 2;
}
.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
  z-index: 3;
}
.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
  z-index: 4;
}

.sidebar-menu__link::first-letter {
  text-transform: uppercase;
}
.sidebar-menu__link:active,
.sidebar-menu__link:focus,
.sidebar-menu__link:hover {
  text-decoration: none;
}
.sidebar-menu__link span.glyphicon-menu-left {
  float: left;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  margin-right: 4px;
}
.sidebar-menu__link .glyphicon-menu-right {
  color: #bababa;
  float: right;
}

/*公司简介*/
.among {
  width: 1180px !important;
  margin: 0 auto;
  z-index: 99;
}

.about_wrap{ background: url(../img/about_bg.jpg) no-repeat #f7f9fb; height:680px; position: relative; margin-top: 20px; }

/* .about_wrap .about_con{ padding-top:  180px; color: #fff; line-height: 30px; width: 685px; } */
.about_wrap .about_con{ padding-top:  165px; color: #fff; line-height: 30px; width: 685px; }

.about_wrap .about_con strong{ font-size: 18px; line-height: 80px; }

.about_wrap .about_con p{

    font-size: 14px;

    line-height: 30px;

    height: 90px;

    overflow: hidden;

    display: block;

}

.about_wrap .about_con a{ margin-top:15px;font-size: 16px; color: #0553a2; line-height: 40px;-webkit-transition: all .3s ease-out; transition: all .3s ease-out; display:block; background: #fff; text-align: center; height:40px; width: 130px; }

.about_wrap .about_con a:hover{ border-radius: 5px; right: -200px; }

.about_wrap .con_width{ position: relative; height: 680px; }

/*图片滚动*/

.case_img{width:1180px; margin:0 auto;overflow:hidden; }

.case_img .gd_all ul{overflow:hidden;margin:0 auto;width:1040px;}

.case_img .gd_all li{ float:left; width:210px;margin-right:30px;text-align:center;}

.case_img .gd_all li img{ width:200px; height:130px;border:1px solid #bbbbbb;padding:2px;}

.case_img .gd_all li a{margin-bottom:7px;display:block;font-size:14px;}

em{position: absolute;top: 51px;}

.t_r{ right:0px;}

.gd_all{ position:relative;}

.hide{

    display: none;

}

/*展示*/

/* .about_wrap .show_box{  width: 1100px; height: 200px;margin: 30px 0 0 50px} */
.about_wrap .show_box{  

width: 1100px;
    height: 233px;
    margin: 24px 0 0 50px;
    background-color: #FFF;
    padding: 24px 0px;
}

.about_wrap .show_box .show_tab{ text-align: center; height: 150px; width: 110px; float: left; padding: 20px 0 30px 30px; background: url(../img/xc_tit_bg.jpg) no-repeat left center;    position: relative;    top: 20px;}

.about_wrap .show_box .show_tab ul li{font-size:20px;  height:40px; padding-top: 10px;}

.about_wrap .show_box .show_tab ul li a{font-size:16px;line-height:30px; text-align: center;  padding-left: 10px; display: block; width: 80px;}

.about_wrap .show_box .show_tab ul li.selected a{color:#fff; background: url(../img/xc_tit.jpg) center no-repeat; }

.about_wrap .show_con .case_img{margin-top:30px; width: 950px; float: right;}

.about_wrap .show_con .case_img .gd_all ul{width:1062px; }

.about_wrap .show_con .case_img .gd_all li{ position: relative; }

.about_wrap .show_con .case_img .gd_all li a{ margin-bottom:0;}

.about_wrap .show_con .case_img .gd_all li img{padding:4px;border:1px #e3e1e1 solid; background:#fff;width:210px;height:130px;}

.about_wrap .show_con .case_img .gd_all li .name{ height:35px; line-height:35px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*流程*/

.lc_wrap{

  height:240px;

  background: url(../img/lc_bg.jpg) no-repeat center;

}

.lc_wrap ul{

  float: left;

  margin-top: 60px;

  margin-left: 100px;

}

.lc_wrap li{

  float: left;

  width: 90px;

  margin-left: 10px;

}

.lc_wrap li img{

  -webkit-transition: -webkit-transform 0.4s ease-out; 

  -moz-transition: -moz-transform 0.4s ease-out; 

  transition: transform 0.4s ease-out; 

  display: block;

  margin: 0 auto;

}

.lc_wrap li p{

  color: #fff;

  text-align: center;

  line-height: 40px;

}

.lc_wrap li:nth-child(1){

  margin: 0

}

.lc_wrap li:hover img{

  -webkit-transform: rotate(360deg); 

  -moz-transform: rotate(360deg); 

  transform: rotate(360deg); 

}

.lc_wrap .tel{

  width: 180px;

  float: right;

  text-align: center;

  color: #fff;

  margin-top: 60px;

}

.lc_wrap .tel a{

  color: #3c3c3c;

  display: block;

  width: 110px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  margin: 10px auto;

  background: #fff;

}

.lc_wrap .tel a:hover{
  color: #0553a2;
}

/*新闻中心*/

.news_wrap{

padding-top: 26px;
    background: #f3f6f9;

    overflow: hidden;
    padding-bottom: 26px;

}

.news_wrap .hd{

  text-align: center;

}

.news_wrap .hd li{

  display: inline-block;

  width: 150px;

  height: 40px;

  line-height: 40px;

  border-radius: 20px;

  background: #fff;

  margin: 30px 20px;

font-size:15px;

}

.news_wrap .hd li.on{

  background: #0553a2;

  color: #fff; 

}

.news_wrap .hd li.on a{

  color: #fff; 

}

.news_wrap .bd .tj{

  width: 575px;

  height: 220px;

  float: left;

  background: #fff;

  box-shadow: 8px 8px 8px #eee;

}



.news_wrap .bd .tj:nth-child(1){

  margin-right: 30px;

}

.news_wrap .bd .tj img{

  width: 275px;

  height: 220px;

  float: left;

  margin-right: 20px;

}

.news_wrap .bd .tj h4{

  font-size: 18px;

  font-weight: bold;

  color: #0553a2;

  padding-top: 20px;

 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}
 .news_wrap .bd .tj .title{

  font-size: 18px;

  font-weight: bold;

  color: #0553a2;

  padding-top: 20px;

 overflow:hidden; text-overflow:ellipsis;

}

.news_wrap .bd .tj b.time{

  font-weight: normal;

  font-size: 12px;

  color: #aaa;

  line-height: 30px;
  display: block;

}

.news_wrap .bd .tj p{

  font-size: 14px;

  color: #999;

  line-height: 24px;

  padding-right: 20px;

height:72px;

overflow:hidden;

}

.news_wrap .bd .tj span{

  color: #0553a2;

  margin-top: 24px;

  display: block;

}

.news_wrap .bd li{

    width: 373px;

    float: left;
    background: #fff;
    margin-right: 30px;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 16px 20px;

}
.news_wrap .bd li:hover b{
  color: #000;
}
.news_wrap .bd li b{
  font-weight: normal;
  color: #0553a2;
}

.news_wrap .bd li:nth-child(3), .news_wrap .bd li:nth-child(6), .news_wrap .bd li:nth-child(9), .news_wrap .bd li:nth-child(12){

  margin-right: 0;

}

.news_wrap .bd li h4{

  font-size: 14px;

  color: #666;

line-height:40px;

 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

.news_wrap .bd li .title{

  font-size: 14px;

  color: #666;

line-height:40px;

 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}


.news_wrap .bd li p.time{

  font-size: 12px;

  color: #aaa;

  line-height: 30px;

}

.news_wrap .bd li p{

  font-size: 14px;

  color: #999;

  line-height: 24px;

}

.title {
  text-align: center;
  padding: 30px 0;
  line-height: 45px;
  padding-bottom:0px;
}

/* #style>div>div:last-child{
  display: none;
} */

@media (max-width: 768px){
  .sidebar-menu.is-active{
    display: block;
    transition:transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .phone{
      display: block;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
      background: #fff;
      box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
  }
}


#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table;     margin-top: 40px;}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #0060ad;}
#page li:hover a{color:#0060ad}
#page li a{ color:#666}
#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}
#page li.active a{ color:#fff}